<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bootstrap Admin</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css">
    
    <link rel="stylesheet" type="text/css" href="stylesheets/theme.css">
    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.css">

    <script src="lib/jquery-1.7.2.min.js" type="text/javascript"></script>

    <!-- Demo page code -->

    <style type="text/css">
        #line-chart {
            height:300px;
            width:800px;
            margin: 0px auto;
            margin-top: 1em;
        }
        .brand { font-family: georgia, serif; }
        .brand .first {
            color: #ccc;
            font-style: italic;
        }
        .brand .second {
            color: #fff;
            font-weight: bold;
        }
        .myth{
        	text-align:center;
        	vertical-align:middle;
        }
    </style>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  </head>

  <!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
  <!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
  <!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
  <!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
  <!--[if (gt IE 9)|!(IE)]><!--> 
  <body style="background:white" class=""> 
  <!--<![endif]-->
  	<!-- logo标识2 -->
    <div class="header" style="width:900px;margin:0 auto;background:white;height:75px;">
        <div class="stats">
    		<a class="stat" href="#" style="padding-top:20px;">注册</a>
    		<a class="stat" href="#" style="padding-top:20px;">登录</a>
		</div>

        <img src=images/logo.jpg></img>
    </div>
  	  	
  	<!-- 水平菜单 -->
  	<!-- 方法2 -->
    <div class="navbar">
        <div class="navbar-inner">
        	<div style="width:900px;margin:0 auto;">
                <ul class="nav">                   
                    <li id="fat-menu" class="dropdown">
                        <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">始发查询<i class="icon-caret-down"></i></a>
                        <ul class="dropdown-menu">
                            <li><a tabindex="-1" href="#">火车查询</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" href="#">公交查询</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" href="sign-in.html">航空查询</a></li>
                        </ul>
                    </li>                    
                </ul>
                <ul class="nav">                   
                    <li id="fat-menu" class="dropdown">
                        <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">间隔查询<i class="icon-caret-down"></i></a>
                        <ul class="dropdown-menu">
                            <li><a tabindex="-1" href="#">火车查询</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" class="visible-phone" href="#">公交查询</a></li>
                            <li class="divider visible-phone"></li>
                            <li><a tabindex="-1" href="sign-in.html">航空查询</a></li>
                        </ul>
                    </li>                    
                </ul>
                <ul class="nav">                   
                    <li id="fat-menu" class="dropdown">
                        <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">智能查询<i class="icon-caret-down"></i></a>
                        <ul class="dropdown-menu">
                            <li><a tabindex="-1" href="#">火车查询</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" class="visible-phone" href="#">公交查询</a></li>
                            <li class="divider visible-phone"></li>
                            <li><a tabindex="-1" href="sign-in.html">航空查询</a></li>
                        </ul>
                    </li>                    
                </ul>
            </div>
        </div>
    </div>
    
    <div style="width:1046px;margin:0 auto;background:#eeeeee;height:50px;margin-top:20px;margin-bottom:20px;padding-left:20px;padding-top:20px;border:1px solid blue;">
    		<label class="form-inline" />始发查询:
    		  <input class="form-control" type="text" style="width:200px" />
    		  <button class="btn">查询</button>
        	</label>
    </div>
    
    <!-- 查询仿真数据 -->
    <div style="width:1066px;margin:0 auto;">  
	    <table border="1">
	        <tr style="background:#0087c8;color:white;">
	          <th class="myth" style="width:90px;">车次</th>
	          <th class="myth" style="width:100px;">出发站<br>到达站</th>
	          <th class="myth" style="width:82px;">出发时间<br>到达时间</th>
	          <th class="myth" style="width:82px;">历时</th>
	          <th class="myth" style="width:66px;">距离</th>
	          <th class="myth" style="width:66px;">商务座<br>特等座</th>
	          <th class="myth" style="width:66px;">一等座</th>
	          <th class="myth" style="width:66px;">二等座</th>
	          <th class="myth" style="width:66px;">高级<br>软卧</th>
	          <th class="myth" style="width:66px;">软卧<br>一等卧</th>
	          <th class="myth" style="width:66px;">动卧</th>
	          <th class="myth" style="width:66px;">硬卧<br>二等卧</th>
	          <th class="myth" style="width:66px;">软座</th>
	          <th class="myth" style="width:66px;">硬座</th>
	          <th class="myth" style="width:66px;">无座</th>
	          <th class="myth" style="width:66px;">备注</th>
	        </tr>
	        <tr style="background:#eeeeee;color:black;">
	          <td class="myth">G101</td>
	          <td class="myth">北京南<br>上海虹桥</td>
	          <td class="myth">06:36<br>12:40</td>
	          <td class="myth">06:04<br>当日到达</td>
	          <td class="myth">2000</td>
	          <td class="myth">1748</td>
	          <td class="myth">1600</td>
	          <td class="myth">1500</td>
	          <td class="myth">1400</td>
	          <td class="myth">1300</td>
	          <td class="myth">1200</td>
	          <td class="myth">1100</td>
	          <td class="myth">1000</td>
	          <td class="myth">900</td>
	          <td class="myth">800</td>
	          <td class="myth">无</td>
	        </tr>
	        <tr style="background:white;color:black;">
	          <td class="myth">G102</td>
	          <td class="myth">北京南<br>上海虹桥</td>
	          <td class="myth">06:36<br>12:40</td>
	          <td class="myth">06:04<br>当日到达</td>
	          <td class="myth">2000</td>
	          <td class="myth">1748</td>
	          <td class="myth">1600</td>
	          <td class="myth">1500</td>
	          <td class="myth">1400</td>
	          <td class="myth">1300</td>
	          <td class="myth">1200</td>
	          <td class="myth">1100</td>
	          <td class="myth">1000</td>
	          <td class="myth">900</td>
	          <td class="myth">800</td>
	          <td class="myth">无</td>
	        </tr>
	        <tr style="background:#eeeeee;color:black;">
	          <td class="myth">G101</td>
	          <td class="myth">北京南<br>上海虹桥</td>
	          <td class="myth">06:36<br>12:40</td>
	          <td class="myth">06:04<br>当日到达</td>
	          <td class="myth">2000</td>
	          <td class="myth">1748</td>
	          <td class="myth">1600</td>
	          <td class="myth">1500</td>
	          <td class="myth">1400</td>
	          <td class="myth">1300</td>
	          <td class="myth">1200</td>
	          <td class="myth">1100</td>
	          <td class="myth">1000</td>
	          <td class="myth">900</td>
	          <td class="myth">800</td>
	          <td class="myth">无</td>
	        </tr>
	        <tr style="background:white;color:black;">
	          <td class="myth">G102</td>
	          <td class="myth">北京南<br>上海虹桥</td>
	          <td class="myth">06:36<br>12:40</td>
	          <td class="myth">06:04<br>当日到达</td>
	          <td class="myth">2000</td>
	          <td class="myth">1748</td>
	          <td class="myth">1600</td>
	          <td class="myth">1500</td>
	          <td class="myth">1400</td>
	          <td class="myth">1300</td>
	          <td class="myth">1200</td>
	          <td class="myth">1100</td>
	          <td class="myth">1000</td>
	          <td class="myth">900</td>
	          <td class="myth">800</td>
	          <td class="myth">无</td>
	        </tr>
	        
	    </table>
	</div>
    
  	
    <script src="lib/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript">
        $("[rel=tooltip]").tooltip();
        $(function() {
            $('.demo-cancel-click').click(function(){return false;});
        });
    </script>
    
  </body>
</html>


